/**
 * zhj
 */
import React, { Component } from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Button,
    Dimensions
} from 'react-native';

const width = Dimensions.get('window').width;

export default class OddsItem extends Component {
    constructor(props){
        super(props)
    }

    render(){
        return(
            <View style={[this.props.style,{flexDirection:'row',alignItems:'center',width:width,paddingTop:5,paddingBottom:5,paddingLeft:15,paddingRight:15,backgroundColor:'white'}]}>
                <Text style={[styles.text,{width:'20%',
                }]}>
                    ManbetX
                </Text>
                <View style={{width:'20%',alignItems:'center'}}>
                    <Text style={[styles.text,{}]}>
                        0.72
                    </Text>
                    <Text style={[styles.text,{color:'red'}]}>
                        1.2
                    </Text>
                </View>
                <View style={{alignItems:'center',width:'20%',}}>
                    <Text style={[styles.text,{ }]}>
                        -0/0.5
                    </Text>

                    <View style={{flexDirection:'row',alignItems:'flex-end'}}>
                        <Text style={[styles.text,{color:'red'}]}>
                            1
                        </Text>
                        <Text style={[styles.text,{fontSize:10,color:'red',}]}>
                            升
                        </Text>
                    </View>
                </View>
                <View style={{width:'20%',alignItems:'center'}}>
                    <Text style={[styles.text,{}]}>
                        0.90
                    </Text>
                    <Text style={[styles.text,{ color:'green'}]}>
                        0.80
                    </Text>
                </View>
                <View style={{width:'20%',alignItems:'center'}}>
                    <Text style={[styles.text,{ }]}>
                        89.76%
                    </Text>
                    <Text style={[styles.text,{}]}>
                        96.00%
                    </Text>
                </View>

            </View>
        );
    }

}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    text:{
        fontSize:14,
        color:'#333333',
    }
});